Desarrollo de interfaces

0: Introducción a las Herramientas

1. Intro a Git

   • Conceptos básicos: repositorios, commits, ramas
   • Uso práctico: configuración inicial, clonación, commits y push
   • GitHub y colaboración en proyectos

2. Intro a VSCode

   • Instalación y configuración
   • Plugins esenciales para desarrollo de interfaces (Emmet, Prettier, Live Server)

3. Intro a Node

   • Instalación y configuración
   • NPM y gestión de paquetes

1. Fundamentos de Desarrollo de Interfaces

1. Historia y Evolución de las Interfaces

   • Interfaces gráficas (GUI) vs interfaces de línea de comandos (CLI)
   • Tendencias actuales en diseño de interfaces

2. Elementos Clave de una Interfaz de Usuario (UI)

   • Layouts, tipografía, color, iconografía
   • Sistemas de diseño (Material Design, Human Interface Guidelines)

2. Lenguajes y Herramientas para el Desarrollo de Interfaces

1. HTML y CSS: La Base de las Interfaces Web

   • HTML semántico
   • CSS avanzado (Flexbox, Grid, animaciones)
   • Responsive Design y Mobile-first

2. JavaScript y Manipulación del DOM

   • Introducción al DOM y eventos
   • Creación de componentes interactivos
   • APIs del navegador y su uso en interfaces

3. CSS Frameworks (Bootstrap, Tailwind CSS)

   • Ventajas y desventajas de usar frameworks
   • Creación rápida de layouts y componentes con Bootstrap/Tailwind

3. Introducción a React

• Componentes, props, estado y ciclo de vida
• Hooks y manejo de eventos
• Creación de interfaces dinámicas y reactivas
• Integración con APIs externas
• Creación de Single Page Applications (SPA)
• React Router y manejo de rutas
• Store y manejo de estado global

4. Astro

• Introducción a Astro
• Creación de componentes y layouts
• Integración con React y otros frameworks
• Optimización y rendimiento
• Despliegue y hosting